<script setup>
	import { onLoad } from '@dcloudio/uni-app'
	import { ref } from 'vue'
	
	const loading = ref(false)
	
	function goHome() {
		uni.switchTab({url: '/pages/tabbar/index'})
	}
	
	onLoad(() => {
		
	})
</script>

<template>
	<view class="app-container">
		<view class="app-content">
			<view class="success-box">
				<uv-image src="https://jhgk-1307466921.cos.ap-shanghai.myqcloud.com/opt/AppCollect/PersonJkzImg/2024-11-18/1731915302994_registerSuccess.png"
					width="330" height="234"></uv-image>
				<text class="success-title">咨询下单成功</text>
				<text class="success-tip">我们会尽快联系您！请保持电话畅通</text>
				<view class="success-btn">
					<uv-button color="linear-gradient( 102deg, #FA3F00 0%, #FF7445 100%)" shape="circle" :custom-style="{width: '343rpx'}" text="首页逛逛"
						@click="goHome"></uv-button>
				</view>
				
			</view>
		</view>
	</view>
</template>

<style lang="scss" scoped>
	.app-content{
		padding: 24rpx;
		.success-box{
			padding-top: 256rpx;
			display: flex;
			flex-direction: column;
			align-items: center;
			gap: 32rpx;
			.success-title{
				font-weight: 600;
				font-size: var(--theme-xl);
				line-height: var(--theme-xl-line);
			}
			.success-tip{
				color: #767473;
				text-align: center;
			}
			.success-btn{
				margin-top: 72rpx;
				display: flex;
				gap: 16rpx;
			}
		}
	}
</style>